<template>
  <div id="carousel-container">
    <div class="margin_left">
      <img src="../assets/jr.png" alt="Image 1" >
    </div>
    <div class="margin_left">
      <img src="../assets/ssj.png" alt="Image 2" >
    </div>
    <div class="margin_left">
      <img src="../assets/xa.png" alt="Image 3" >
    </div>
    <div class="margin_left">
      <img src="../assets/xl.png" alt="Image 4" >
    </div>
  </div>
</template>
<script>


export default {
  name: "SlideShow",
  data() {
    return {

    }
  },
  created() {

  },
  methods: {

  }
}


</script>


<style scoped>
#carousel-container {
  width: 100%;
  height: 260px;
  background-color: black;

  img {
    width: 200px;
    height: 200px;
  }

  .margin_left {
    float: left;
    //margin: 0px auto;
    height: 500px;
    //margin-left: 200px;
  }
}


</style>